<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>css基础</title>
  <style>
    /*网页中的所有div都使用这个样式*/
    /* div {
      background: #ff0;
      font-size: 30px;
    } */
    /*
      为网页中所有class为d1的div写样式
      一个网页里面可以有多个相同值的class标签
      class相当于为标签分组
    */
    div.d1 {
      color:#f00;
      font-size:14px;
    }
    /*为id为dd的标签写样式，注意，id原则上一个网页只能有一个*/
    #dd {
      font-size: 20px;
      color:#0f0;
    }
    /*id为dd1中的所有span*/
    #dd1 span {
      background: #00f;
    }
    /*
    class范围要大于子类选择器的范围，所以会用子类选择器覆盖
    */
    span.s1 {
      background: #f00;
    }
    /*选择id为dd1中的第一个层级的span*/
    #dd1 > span {
      color:#fff;
    }
  </style>
</head>
<body>
  <div id="dd" class="d1">测试div</div>
  <div class="d1">测试div</div>
  <div class="d1">测试div3</div>
  <span class="s1">test1</span>
  <div id="dd1">
    这篇文档介绍了BeautifulSoup4中所有主要特性,并且有小例子.让我来向你展示它适合做什么,如何工作,怎样使用,如何达到你想要的效果,和处理异常情况.

    文档中出现的例子在<span class="s1">Python2.7和Python3.2</span>中的执行结果相同

    <div>
    你可能在寻找 <span>Beautiful Soup3 的文档,Beautiful Soup 3</span> 目前已经停止开发,我们推荐在现在的项目中使用Beautiful Soup 4, 移植到BS4

    这篇帮助文档已经被翻译成了其它语言:
    </div>
    测<span>送测试</span>
  </div>
</body>
</html>